<html>
<head>
<link rel="stylesheet" media="screen"
	href="@{'/public/stylesheets/main.css'}">
#{get 'moreStyles' /}

<link rel="shortcut icon" type="image/png"
	href="@{'/public/images/favicon.png'}">
<script src="@{'/public/javascripts/jquery-1.5.2.min.js'}"
	type="text/javascript" charset="${_response_encoding}"></script>
#{get 'moreScripts' /}



<title>EXTRANET</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<!-- Le styles -->
<link rel="stylesheet" href="/public/stylesheets/bootstrap.css">
<link rel="stylesheet" media="screen"
	href="/public/stylesheets/main.css">
<link href="/public/stylesheets/bootstrap-responsive.css"
	rel="stylesheet">


<link rel="shortcut icon" href="/public/images/favicon.ico">
<link rel="apple-touch-icon" href="/public/images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72"
	href="/public/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
	href="/public/images/apple-touch-icon-114x114.png">
<link rel="shortcut icon" type="image/png"
	href="/public/images/favicon.png">


<script type="text/javascript"
	src="@{'/public/javascripts/jquery-1.7.1.min.js'}"></script>
<script type="text/javascript"
	src="@{'/public/javascripts/jquery.nivo.slider.pack.js'}"></script>
<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider({
			pauseTime : 5000,
			animSpeed : 700
		});
	});
</script>
</head>
<script language="JavaScript1.2">
<!--
	function DoPrinting(){
if (!window.print){
alert("Use o Netscape ou Internet Explorer \n nas versï¿½es 4.0 ou superior!")
return
}

document.getElementById('button').style.display = "none";

window.print()
}

</script>

<div class="container">
	<a href = "@{Tarefas.quadroTarefasFuncionario()}">
	<image class="imagem1" src="/public/images/logo.jpg" align="center"/>
	</a>
</div>

<div name="relatorio" align="center">
	<label><h3><u>Relatorio Mensal</u></h3></label>

	<div name="usuario" align="left">
		
		#{list usuario, as:'u'}
		<b>Nome</b>: ${u.nome} <br />
		<b>Endereco</b>: ${u.endereco}  <b>Nº</b>: ${u.numero} <br />
		<b>Cidade</b>: ${u.cidade} <b>Estado</b>: ${u.estado} <b>CEP</b>: ${u.CEP} <br />
		<b>Cargo</b>: ${u.cargo} <b>Salário</b>: ${u.salario} <br />
		#{/list}
		
		<br />
	</div>
	</table>
	<table class="table table-striped table-bordered table-condensed"
		style="width: 50%;">
		<tr>
			<th>Data</th>
			<th>Horario Entrada</th>
			<th>Horario Saída</th>
			<th>Horas de Trabalho</th>
		</tr>
		#{list pontoE, as:'t'}
		<tr>
			<td>${t.data}</td>
			<td>${t.horaEntrada}</td>
			<td>${t.horaSaida}</td>
			<td>${t.totalTrabalhado}</td>
		</tr>
		#{/list}
	</table>
	<br />
	<br />

	________________________________________________________________ <br />
	Responsável
</div>
<br>
<form>
	<div align="CENTER">
		<button class="btn btn-primary" type="submit" id="button"
			name="button" onClick="DoPrinting()">
			<i class="icon-print icon-white"></i> IMPRIMIR
		</button>
	</div>
</form>
</html>